@media screen and (max-width: 700px) {
    #login .loginBG{height: 100%;}
}

@media screen and (max-width: 640px) {
    .sideMenu .profileDetail{padding-left: 0; float: right;}
    .placeBox .placeContent{/*margin-top: 300px;*/}
    .sideMenu .profileDetail{padding-top: 13%;}
}

@media screen and (max-width: 582px) {
    #registerMe .regContent form .month.field, #registerMe .regContent form .year.field{float: none; width: 100%;}
    #login form .socialBtn{font-size: 24px; width: 100%; float: none !important;}
    #login form .socialBtn.fb{margin-bottom: 20px; }
    h2{line-height: initial;}
    .sideMenu .menu ul li{height: 60px;}
    .sideMenu .menu ul li a{line-height: 60px;}
    #header .topLinks ul li{font-size: 15px; line-height: 70px; height: 70px;}
    #header .topLinks ul li a{padding: 0 50px;}
    #header .topLinks ul li:hover a, #header .topLinks ul li.active a{padding-bottom: 11px;}
    .sideMenu .search{height: 68px;}
    .sideMenu .search form{margin-top: 7px;}
   /* #login form .socialBtn.twitter{float: none;}*/
}

@media screen and (max-width: 465px) {
    #login form .signupNow{font-size: 5vw;}
    #login .info a{position: static;}
    .sideMenu .menu ul li{height: 40px;}
    .sideMenu .menu ul li a{line-height: 40px;}
    #header .topLinks ul li{font-size: 12px; line-height: 58px; height: 58px;}
    #header .topLinks ul li a{padding: 0 20px;}
    #header .topLinks ul li:hover a, #header .topLinks ul li.active a{padding-bottom: 7px;}
    .sideMenu .search{height: 57px;}
    .sideMenu .search form{margin-top: 4px; height: 47px;}
    .sideMenu .search input[type="text"]{margin-top: 3px;}
    .sideMenu .search input[type="submit"]{margin-top: 9px;}
   /* #login form .socialBtn{font-size: 3.75vw;}*/
}